<template>
  <transition>
  <div class="app-setting">
    <section class="app-main">
      <!--<mt-cell class="staff-details" title="账号绑定此微信" is-link @click.native="handleChangeCode"></mt-cell>-->

      <input type="file" accept="video/*" capture="camera">
      <mt-cell class="staff-details" title="退出当前账号" is-link @click.native="handleExit"></mt-cell>
    </section>
  </div>
    </transition>
</template>

<script>
  import { Header,Cell,Toast,MessageBox} from 'mint-ui';
//  Vue.component(Header.name, Header);
export default {
  components:{
    Header,
    Cell,
  },
  data () {
    return {
      message:'测试数据请忽略！'
    }
  },
  beforeCreate(){
    console.group('beforeCreate 创建前状态===============》');
    console.log('el:'+this.$el);
    console.log('data:'+this.$data);
    console.log('message:'+this.message);
  },
  created(){
    console.group('created 创建完毕状态===============》');
    console.log('el:'+this.$el);
    console.log('data:'+this.$data);
    console.log('message:'+this.message);
  },
  beforeMount(){
    console.group('beforeMount 挂载前状态===============》');
    console.log('el:'+this.$el);
    console.log('data:'+this.$data);
    console.log('message:'+this.message);
  },
  mounted(){
    console.group('mounted 挂载完毕状态===============》');
    console.log('el:'+this.$el);
    console.log('data:'+this.$data);
    console.log('message:'+this.message);
  },
  methods:{}
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->

<style>

  .app-setting .app-main{
    padding:12px 0 0;
  }
  .app-setting .app-main .staff-details{
    margin:0 0 12px;
  }
</style>
